import Main from '@/components/main'

/**
 * iview-admin中meta除了原生参数外可配置的参数:
 * meta: {
 *  title: { String|Number|Function }
 *         显示在侧边栏、面包屑和标签栏的文字
 *         使用'{{ 多语言字段 }}'形式结合多语言使用，例子看多语言的路由配置;
 *         可以传入一个回调函数，参数是当前路由对象，例子看动态路由和带参路由
 *  hideInBread: (false) 设为true后此级路由将不会出现在面包屑中，示例看QQ群路由配置
 *  hideInMenu: (false) 设为true后在左侧菜单不会显示该页面选项
 *  notCache: (false) 设为true后页面在切换标签后不会缓存，如果需要缓存，无需设置这个字段，而且需要设置页面组件name属性和路由配置的name一致
 *  access: (null) 可访问该页面的权限数组，当前路由设置的权限会影响子路由
 *  icon: (-) 该页面在左侧菜单、面包屑和标签导航处显示的图标，如果是自定义图标，需要在图标名称前加下划线'_'
 *  beforeCloseName: (-) 设置该字段，则在关闭当前tab页时会去'@/router/before-close.js'里寻找该字段名对应的方法，作为关闭前的钩子函数
 * }
 */

export default [
  {
    path: '/login',
    name: 'login',
    meta: {
      title: 'Login - 登录',
      hideInMenu: true
    },
    component: () => import('@/view/login/login.vue')
  },
  {
    path: '/',
    name: '_home',
    redirect: '/home',
    component: Main,
    meta: {
      // hideInMenu: true,
      notCache: true
    },
    children: [
      {
        path: '/home',
        name: 'home',
        meta: {
          // hideInMenu: true,
          title: '消费统计',
          notCache: true,
          icon: 'tongji'
        },
        component: () => import('@/view/home/home')
      }
    ]
  },
  {
    path: '/members',
    name: 'members',
    meta: {
      icon: 'huiyuan',
      title: '会员列表'
    },
    component: Main,
    children: [
      {
        path: 'add-members',
        name: 'add-members',
        meta: {
          icon: 'tianjia',
          title: '添加会员'
        },
        component: () => import('@/view/members/index.vue')
      },
      {
        path: 'card',
        name: 'card',
        meta: {
          icon: 'huiyuanqia',
          title: '会员卡'
        },
        component: () => import('@/view/members/card.vue')
      },
      {
        path: 'members-details',
        name: 'members-details',
        meta: {
          hideInMenu: true,
          icon: 'md-flower',
          title: route => `会员-${route.query.phone}`,
          notCache: true
        },
        component: () => import('@/view/members/members-details.vue')
      }
    ]
  },
  {
    path: '/add',
    name: 'add',
    meta: {
      icon: 'tianjia',
      title: '消费记录'
    },
    component: Main,
    children: [
      {
        path: 'expense',
        name: 'expense',
        meta: {
          icon: 'xiaofeijilu',
          title: '消费记录'
        },
        component: () => import('@/view/add/add.vue')
      }
    ]
  },
  {
    path: '/alarm',
    name: 'alarm',
    meta: {
      icon: 'jingbao',
      title: '消息预警'
    },
    component: Main,
    children: [
      {
        path: 'alarm',
        name: 'alarm',
        meta: {
          icon: 'jingbao',
          title: '预警列表'
        },
        component: () => import('@/view/alarm/alarm.vue')
      }
    ]
  },

  {
    path: '/setting',
    name: 'setting',
    meta: {
      icon: 'shezhi',
      title: '系统设置',
      access: ['0', 0]
    },
    component: Main,
    children: [
      {
        path: 'setting-shop',
        name: 'setting-shop',
        meta: {
          icon: 'dianpu',
          title: '场馆管理'
        },
        component: () => import('@/view/setting/setting-shop.vue')
      },
      {
        path: 'setting-staff',
        name: 'setting-staff',
        meta: {
          icon: 'dianyuanguanli',
          title: '管理员管理'
        },
        component: () => import('@/view/setting/setting-staff.vue')
      },
      // {
      //   path: 'setting-teacher',
      //   name: 'setting-teacher',
      //   meta: {
      //     icon: 'laoshirenzheng1',
      //     title: '老师管理'
      //   },
      //   component: () => import('@/view/setting/setting-teacher.vue')
      // },
      {
        path: 'setting-course',
        name: 'setting-course',
        meta: {
          icon: 'huiyuanqia',
          title: '会员卡管理'
        },
        component: () => import('@/view/setting/setting-course.vue')
      },
      {
        path: 'setting-alarm',
        name: 'setting-alarm',
        meta: {
          icon: 'jingbao',
          title: '预警管理'
        },
        component: () => import('@/view/setting/setting-alarm.vue')
      }
    ]
  },
  {
    path: '/401',
    name: 'error_401',
    meta: {
      hideInMenu: true
    },
    component: () => import('@/view/error-page/401.vue')
  },
  {
    path: '/500',
    name: 'error_500',
    meta: {
      hideInMenu: true
    },
    component: () => import('@/view/error-page/500.vue')
  },
  {
    path: '*',
    name: 'error_404',
    meta: {
      hideInMenu: true
    },
    component: () => import('@/view/error-page/404.vue')
  }
]
